<template>
	<view class="con1">
		<view class="contain justify-around padding margin-right">
			<view class="flex justify-between">
				<view class="text-gray">
					<image class="hot-img margin-right" :src="data?.cover" mode="aspectFill"></image>
				</view>
			</view>
			<view class="hot-t1">
				<text>{{data?.name}}</text>
			</view>
		</view>
	</view>
</template>

<script setup lang="ts">
import type { RecipeType } from '@/model/recipe';

defineProps<{
	data:RecipeType
}>()
</script>

<style>
.con1{
	width: 100%;
}
.contain{
	/* border: 1upx solid #999; */
	border-radius: 10upx;
	flex-shrink: 0;
	width: 300upx;
}
.hot-img{
	width: 300upx;
	height: 438upx;
	border-radius: 10upx;
}
.hot-t1{
	font-size: 36upx;
	font-weight: 650upx;
	color: #333333;
	font-family: ;
}
</style>